@charset "utf-8";
*{ -webkit-tap-highlight-color:rgba(0,0,0,0);tap-hightlight-color:rgba(0,0,0,0); touch-callout:none; -webkit-touch-callout:none;}
body { min-width: 320px; }
header { width: 100%; /*position: fixed; */top: 0; left: 0; z-index: 99; }
.header-top { width: 100%; padding: 12px 0; max-width: 1200px; margin: 0 auto; background: #fff; position: relative; z-index: 9; }
.logo { width: 31%; min-width: 180px; }
.logo a { float: left; padding-left: 10px; padding-right: 0; }
.logo a img { display: block; width: 100%; }
.logo .a1 { width: 72%; }
.logo .a2 { width: 28%; }

.header-right { line-height: 30px; position: absolute; top: 50%; right: 0; margin-top: -15px;}
.header-right span { position: relative; }
.header-right span img { float: left; }
.ph a { display: block; width: 30px; height: 30px; }
.header-tel { float: left; display: none; font-weight: bold; font-size: 22px; color: #e40001; padding: 0 30px 0 10px; }
.language a { font-size: 12px; color: #707070; line-height: 30px; padding: 0 5px; }
.language { display: none; }
.nav-btn { width: 30px; height: 4px; padding: 4px 0; margin: 6px 10px 0 10px; border-top: 4px solid #e40001; border-bottom: 4px solid #e40001; background-color: #e40001; background-clip: content-box; box-sizing: content-box; position: relative; }
.nav-btn.on { border-color: transparent; background: transparent; }
.nav-btn.on:before { content: ""; display: block; width: 30px; height: 4px; background-color: #e40001; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }
.nav-btn.on:after { content: ""; display: block; width: 30px; height: 4px; background-color: #e40001; position: absolute; top: 4px; right: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);  }

.ser-btn { width: 30px; height: 30px; margin-left: 10px; border-radius: 100%; background: #f2f2f2; }
.ser-btn em { display: block; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #8a8a8a; margin: 6px 0 0 6px; position: relative; }
.ser-btn em:after { content: ""; display: block; width: 6px; height: 1px; background-color: #8a8a8a; position: absolute; bottom: -2px; right: -4px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }

.header-bottom { width: 100%; }
.nav { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 9; }
.nav form {display:none; width: 100%; padding: 12px 20px 10px; height: 50px; background: #898989;  top: 0; left: 0; z-index: 999; position:relative; }
.searchfromcont{display:none;position:relative;z-index:10;}
.nav .txt { float: left; width: 80%; height: 28px; padding-left: 20px; border-radius: 14px 0 0 14px; line-height:normal; font-size: 12px; color: #707070; background: #fff; }
.nav .sub { float: left; width: 20%; height: 28px; border-radius: 0 14px 14px 0; background: #fff url(../images/search.png) no-repeat 90% center; }
.sub { cursor: pointer; }
.nav ul { display: none; padding: 0 20px; background: #fff; position: relative; z-index: 9; }
.nav ul li { border-bottom: 1px solid #dcdcdc; position: relative; }
.nav ul li:after { content: "+"; display: block; width: 10px; height: 10px; line-height: 10px; font-size: 14px; position: absolute; top: 20px; right: 10px; transition: transform .3s; }
.nav ul li.on:after { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.nav ul li.one:after { display: none; }
.nav ul li h3 { height: 50px; line-height: 50px; }
.nav ul li h3 a { font-size: 15px; color: #101010; }

.subnav { display: none; padding: 10px 0; }
.subnav p { padding-bottom: 20px; }
.subnav p a { display: block; font-size: 12px; white-space: nowrap; line-height: 30px; color: #707070; }
.subnav p a span { font-size: 13px; color: #e40001; }
.subnav .more { color: #434343; position: relative; }
.subnav .more:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #434343; border-right: 1px solid #434343; position: absolute; top: 13px; left: 26px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.subnav p a:hover, .lv1 ul li:hover span { color: #e40001; }
.lv1 ul li:hover span:after { border-color: #e40001;}

.language2 { border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #101010; }
.language2 a { padding: 0 10px; line-height: 40px; font-size: 15px; color: #101010; text-align: center; }

.nav-bg { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 3; }

.bannerwrap { width: 100%; overflow: hidden; position: relative; }
.banner ul{ width:9999px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position:relative;box-sizing: content-box;}
.banner ul li{ position:relative;flex-shrink: 0; float:left;}
.banner ul li img{ display:block; width:100%;}
.dot,.pagination{position: absolute;text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; bottom: 16px; left:0; width:100%;}
.dot span,.pagination span{ width:6px; height:6px; background:#959595; margin:0 5px; display:inline-block; vertical-align: middle; border-radius:100%; -webkit-border-radius:100%; }
.dot span.swiper-active-switch,.pagination span.swiper-active-switch,.dot span.swiper-pagination-bullet-active{ background:#e40001; width: 10px; height: 10px;}
.bannerwrap .prev, .bannerwrap .next { display: none; }


.lvwrap { width: 100%; background: #fff; }
.lv1, .lv3, .lv4-con, .footer-top, .footer-bottom, .main-con, .content2, .magnifier { width: 100%; max-width: 1200px; margin: 0 auto; }
.lv1 ul { width: 100%; /*padding: 60px 0 40px; */}
.lv1 ul li { float: left; font-size: 14px; text-align: center; padding-bottom: 20px; }
.lv1 ul li img { display: block; max-width:100%; margin:0 auto; }
.lv1 ul li i { display: block; padding-top: 10px; color: #101010; }
.lv1 ul li span { color: #959595; position: relative; }
.lv1 ul li span:after { content: ""; width: 8px; height: 8px; border-top: 1px solid #959595; border-right: 1px solid #959595; position: absolute; top: 6px; right: -10px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.lv2 { width: 100%; background: #f7f7f7; padding:30px 0; }
.indextit { color: #101010; font-size:18px; text-align: center; padding-bottom:10px; }
.lv2-top, .lv3-top { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.lv2-top ul, .lv3-top ul { height: 41px!important; margin: 0 auto; text-align: center; padding: 0 20px; border-bottom: 1px solid #dcdcdc; }
.lv2-top ul { width: 800px!important; }
.lv2-top ul li, .lv3-top ul li { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; margin: 1px -2px -1px; border-bottom: 2px solid transparent; }
.lv3-top ul li {padding:0 5%;}
.lv2-top ul li a, .lv3-top ul li a { display: block; color: #959595; }
.lv2-top ul li.on, .lv3-top ul li.on { border-color: #e40001; }
.lv2-top ul li.on a, .lv3-top ul li.on a { color: #e40001; }

.lv2-bottom { width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 30px; }

.lv2-bottom ul { width: 100%; position: relative; }
.lv2-bottom ul li { display: none; position: absolute; padding: 0 10px; text-align: center; }
.lv2-bottom ul li p { padding-top: 20px; color: #101010; font-size: 14px; }
.lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more { display: block; width: 98px; height: 28px; font-size: 14px; text-align: center; margin:20px auto 0; border: 1px solid #e40001; color: #e40001; border-radius: 3px; }
.lv2-bottom ul li a:hover, .lv3ul .more:hover, .lv4-con .more:hover { background: #e40001; color: #fff; }
.lv2-bottom ul li img { display: block; width: 100%; }


.lv3, .lv4 { padding: 30px 0; }
.lv3-bottom {  position: relative; overflow:hidden;}
.lv3ul { display: none; padding-top: 30px;width:100%; }
.lv3ul ul { }
.lv3ul ul li { float: left; margin-bottom:10px;}
.lv3ul ul li img { display: block; width: 100%; }
.lv3ul ul li span { display: block; width: 100%; font-size: 14px; color: #111010; padding: 10px 0; background: url(../images/line1.gif) no-repeat 0 bottom; }
.lv3ul ul li span, .product-bottom ul li span, .product-top ul li h3 span, .product-top2 ul li h3 span, .service-video ul li span, .news dl dd h3, .news ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lv3ul ul li p { padding-top: 4px; height: 44px; line-height: 20px; color: #959595; overflow: hidden; }
.lv3ul ul li em { color: #959595; }

.lv4 { background: url(../images/index17.jpg) no-repeat center 0; background-size: cover; }
.lv4-con { text-align: center; font-size: 14px; color: #101010; }
.lv4-con ul { padding-top: 20px; }
.lv4-con ul li { float: left; padding-bottom: 20px; }
.lv4-con ul li img { display: block; width: 50%; margin: 0 auto; }
.lv4-con ul li span { display: block; margin: 10px auto 0;width:67%; }
.lv4-icon { width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 0 auto; font-size: 22px; color: #e40001; border-radius: 100%; background: #fff; }
.lv4-icon em { font-size: 14px; }


footer { width: 100%; background: #fff; }
.footer-top { padding: 40px 0 20px; }
.footer-top ul { margin-bottom: 20px; }
.footer-top ul li { margin: 0 10px; line-height: 30px; font-size: 13px; border-bottom: 1px solid #dcdcdc; position: relative; }
.footer-top ul li:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #101010; border-right: 1px solid #101010; position: absolute; right: 10px; top: 14px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s; }
.footer-top ul li.on:after { -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); }
.footer-top ul li h4 { width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10px; }
.footer-top ul li h4 a { color: #101010; }
.footer-top ul li p { display: none; padding-left: 10px; }
.footer-top ul li p a { color: #707070; }
.footer-top ul li a:hover, .footer-bottom a:hover { color: #e40001; }

.footer-right { font-size: 14px; padding: 0 10px; }
.line { height: 1px; background: #dcdcdc; }
.footer-bottom { line-height: 30px; padding: 20px 0; color: #959595; font-size: 13px; }
.footer-bottom a { color: #959595; }
.footer-bottom p { padding:-1px 10px; text-align: center; }
.footer-bottom .p1 { width: 100%; }
.footer-bottom .p2 { width: 100%;}
.footer-right .ph { padding-left: 16px; background: url(../images/ph2.png) no-repeat 0 center; }

.singlepage { padding-top: 20px; font-size: 14px; }
.singlepage img { max-width: 100%;width:auto !important;height:auto !important; display:block;margin:0 auto; }

.ul1 { text-align: center; clear:both; overflow:hidden;padding:10px 0; }
.ul1 li { display:block; width:33.3%; line-height:90px; padding:0; color: #fff; font-size: 15px; margin: 0; background: url(../images/about13.png) no-repeat center;background-size:90px auto; float:left; margin-bottom:10px;}

/*   产品中心  */

.subbanner img { display: block; width: 100%; }

.main-con { padding: 1.5% 3.5% 3%; background: #fff; }
.main-con2 { padding-bottom: 0; }
.main-tit { font-size:14px; color: #707070; font-weight: bold; line-height: 20px; padding: 10px 0; }
.main-tit span { display:block; }
.main-tit em{ display:none;}
.main-tit span a {color: #707070;}
.main-tit span a.on, .main-tit span a:hover {color: #101010;}
 .main-tit span a:nth-of-type(1), .main-tit span i:nth-of-type(1){ display:none;}

.list-tit,.wqpproductbtn { padding: 0 10px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; background-color: #e40001; }
.list-tit em,.wqpproductbtn em{ float: right; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 100%; margin-top: 5px; position: relative; }
.list-tit em:after,.wqpproductbtn em:after { content: ""; display: block; width: 9px; height: 9px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 4px; left: 6px; -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); }
.product-top ul,.product-top2 ul { display: none; border-top: 1px solid #fff; }
.product-top ul li,.product-top2 ul li { border-bottom: 1px solid #dcdcdc; }
.product-top ul li h3,.product-top2 ul li h3 { font-size: 14px; background-clip: content-box; }
.product-top ul li h3 img,.product-top2 ul li h3 img { display: none; }
.product-top ul li h3 span,.product-top2 ul li h3 span { display: block; width: auto; line-height: 30px; padding-left: 8px; }
.product-top ul li h3 span a,.product-top2 ul li h3 span a{ display:inline-block;width:50%;}
.product-top ul li:hover h3, .product-top ul li.cur h3, .product-top2 ul li:hover h3, .product-top2 ul li.cur h3 { background-color: #e40001; }
.product-top ul li:hover h3 a, .product-top ul li.cur h3 a, .product-top2 ul li:hover h3 a, .product-top2 ul li.cur h3 a  { color: #fff; }

.pro-list { display: none; padding:0 10px;width:100%; }
.pro-list p { line-height: 30px; }
.pro-list p a { color: #959595; }
.pro-list p.cur a, .pro-list p a:hover { color: #e40001; }

.product-bottom { padding-bottom: 20px; }
.product-bottom h3 { font-size: 16px; padding: 16px 10px 6px; }
.product-bottom ul li { margin: 15px 0; text-align: center; }
.product-bottom ul li a { display: block; border: 1px solid #dbdbdb; padding-bottom: 10px; }
.product-bottom ul li:hover a { border-color: #e40001; }
.product-bottom ul li img { display: block; width: 100%; margin: auto; }
.product-bottom ul li span { display: block; width: auto; margin: 0 20px; font-size: 18px; font-weight: bold; color: #e40001; padding-top: 8px; border-top: 1px solid #e6e6e6; }
.product-bottom ul li p { height: 22px; line-height: 22px; color: #959595; overflow: hidden; padding: 0 20px; }

.lot { display: block; height: 40px; margin: 20px 10px 0; border: 1px solid #dcdcdc; position: relative; }
.lot:before { content: ""; display: block; width: 30px; height: 30px; background: #cacaca; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -13px; }
.lot:after { content: ""; display: block; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -4px; -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); }
.lot{ border-color: #e40001; }
.lot:before { background: #e40001; }


/*  服务支持  */

.service-top { text-align: left; }

.service-search { padding: 2% 3.5%; margin-top: 60px; background: #f2f2f2; }
.service-search p { font-size: 18px; color: #333; padding-bottom: 10px; }
.service-search form .sel { height: 40px; line-height: 40px; margin-bottom: 10px; position: relative; background: #fff url(../images/arrow1.png) no-repeat right; border: 1px solid #d9d9d9; }  
.service-search form select { width: 100%; height: 100%; outline: none; margin-bottom: 10px; color: #999; font-size: 14px; background: transparent; border: none; }
.service-search form input { float: left; width: 100%; height: 40px; margin-bottom: 10px; font-size:14px;}
.service-search form .sub { background: #e40001; color: #fff; text-align: center; }
.service-search form .txt { padding: 0 10px; color: #999; font-size: 14px; }
.service-search .form3 { padding-top: 10px; }

.service-video ul li { float: left; text-align: center; }
.service-video ul li i { display: block; position: relative; }
.service-video ul li i img { display: block; width: 100%; }
.service-video ul li i em { display: block; width: 100%; height: 100%; background: url(../images/vi1.png) no-repeat center center; background-size: 24% auto; position: absolute; top: 0; left: 0; z-index: 3; }
.service-video ul li span { display: block; width: 100%; height: 40px; padding-top: 10px; line-height: 30px; font-size: 14px; }
.service-video ul { padding-top: 20px; }
.service-video ul li { padding-bottom: 10px; }

.popwrap { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0;  z-index: 999; }
.video-pop { position: relative; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.video-pop video { width: 100%; }
.close { display: block; width: 40px; height: 40px; border-radius: 100%; background: #fff;  position: absolute; top: 0px; right: 0px; }
.close:after { content: ""; display: block; width: 22px; height: 2px; background: #000; position: absolute; top: 19px; left: 9px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.close:before { content: ""; display: block; width: 22px; height: 2px; background: #000; position: absolute; top: 19px; left: 9px; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }


/*  常见问题解答  */

.commonproblem{ margin:0px; padding:20px 0;}
.commonproblem ul{ margin:0px; padding:0px;}
.commonproblem ul li{ margin:0 10px; padding:0px; border-bottom:1px solid #d9d9d9;}
.commonproblem ul li h3.problemtitle{ background-image:url(../webimages/problem.png); background-repeat:no-repeat; background-position:10px 10px; background-size:25px 25px; font-size:14px; padding:13px 40px 10px 45px; position:relative;}
.commonproblem ul li h3.problemtitle:after { content: ""; display: block; width: 10px; height: 10px; border-top: 3px solid #bfbfbf; border-right: 3px solid #bfbfbf; position: absolute; top: 20px; right: 4px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;}
.commonproblem ul li.cur h3.problemtitle { color: #e40001; }
.commonproblem ul li.cur h3.problemtitle:after { -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); border-color: #e40001; }
.commonproblem ul li h3.problemtitle span{ background: #999 url(../images/Q.png) no-repeat center center; display:block; position:absolute; left:0; top:8px; width:32px; height:32px; border-radius: 2px; }
.commonproblem ul li.cur h3.problemtitle span{ background-color: #e40001; }

.problemcontents { padding:15px 20px 20px 45px; font-size:12px; background-color:#f2f2f2; line-height:22px; display:none; position: relative; }
.problemcontents:before { content: ""; display: block; width: 32px; height: 32px; border-radius: 2px; background: #333 url(../images/A.png) no-repeat center center; position: absolute; top: 10px; left: 6px; }


/*  技术知识库  */

.knowledge { padding-top: 20px; }
.knowledge ul li { padding: 0 1.2rem; font-size: 16px; height: 66px; line-height: 66px; position: relative; border-bottom: 1px solid #ccc; overflow: hidden; }
.knowledge ul li:before, .knowledge ul li:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -4px; }
.knowledge ul li:before { width: 8px; height: 8px; border: 1px solid #ccc; border-radius: 100%; left: 0; }
.knowledge ul li:after { width: 10px; height: 10px; border: 2px solid #ccc; border-left: none; border-bottom: none; right: 2px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.knowledge ul li a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge ul li:hover:before, .knowledge ul li:hover:after { border-color: #e40001; }


/*  售后服务  */

.after-sales { padding: 10px 0; }
.after-sales > img { display: block; width: 100%; }
.after-sales-con { width: 250px; padding: 20px 0; margin: 0 auto; text-align: center; background-image: url(../images/service8.png); background-repeat: no-repeat; background-size: 100% 100%; }


/*  下载  */

.down-tit { font-size: 20px; padding: 20px 0 10px; }
.down-top { width: 100%; padding-top: 20px; overflow: hidden; }
.down-top ul { width: 9999px; text-align: center; }
.down-top ul li { float: left; }
.down-top ul li a { display: block; padding-bottom: 6px; padding-top: 6px; border: 1px solid #fff; }
.down-top ul li img { display: none; margin: 0 auto; }
.down-top ul li span { display: block; font-size: 14px; color: #333; }
.down-top ul li.on a { border-color: #e40001; }

.dwon-bottom { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 30px; }
.dwon-bottom dl { display: none; text-align: center; padding: 20px; background: #f7f7f7; }
.dwon-bottom dl dd { padding-top: 10px; }

.down-list-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 1.5% 3.5% 5%; }
.product-bottom2 ul { display: none; padding-top: 20px; }
.product-bottom2 ul li { margin: 0; margin-bottom: 8px; padding: 0; }
.product-bottom2 ul li a { padding: 20px; font-size: 16px; text-align: left; background: #f7f7f7; border: none; }


/* 发展历程  */

.expand-img { margin-top: 20px; position: relative; }
.expand-img img { display: block; width: 100%; }
.expand-img2:after { content: ""; display: block; width: 30px; height: 30px; background: url(../images/vi1.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.expand > ul { padding: 30px 0; }
.expand > ul li { padding:30px 0 0 28px; background: url(../images/line3.png) repeat-y 13px 0; }
.expand-year { font-size: 18px; color: #333; height: 30px; padding: 0 0 10px 10px; position: relative; }
.expand-year:before { content: ""; display: block; width: 22px; height: 22px; background: #e40001; border-radius: 100%; position: absolute; top: 0px; left: -26px; }
.expand-year:after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 7px; left: -20px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.expand-con { padding: 12px 10px; background: #f7f7f7; }


/*  公司信息  */

.about { padding: 20px 0 50px; font-size: 13px; color: #333; line-height: 24px; }
.content2 { font-size: 14px; padding: 3% 3.5%; background: #fff; }


/*  研发实力  */

/* .research { font-size: 14px; position: relative; }
.research-con { padding-left: 160px; width: 100%; background: url(../images/line4.png) repeat-x 0 center; position: relative; overflow: hidden; }
.research-con ul { width: 9999px; }
.research-con ul li { float: left; width: 320px; height: 120px; padding-left: 24px; margin-left: -110px; position: relative;}
.research-con ul li em { display: block; width: 18px; height: 18px; background: url(../images/list1.png) no-repeat; position: absolute; bottom: -29px; left: 0; }
.research-con ul li span { color: #e40001; }
.research-con ul li .con { position: absolute; bottom: 0; left: 9px; padding-left: 12px; border-left: 1px solid #d0d0d0; }
.research-con ul li.odd { margin-top: 160px;}
.research-con ul li.odd em { top: -29px; }
.research-con ul li.odd .con { position: relative; left: -15px; }

.research-con .prev, .research-con .next { display: block; width: 30px; height: 30px; background: url(../images/btn3.png) no-repeat; position: absolute; top: 125px; }
.research-con .prev { left: 0px; }
.research-con .next { right: 0px; background-position: -40px 0; }
.research-con .prev:hover { background-position: 0 -40px; }
.research-con .next:hover { background-position: -40px -40px; }

.research-bottom { width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 50px 50px; background: #fff; position: relative; top: -40px; }
.research-list { padding: 0 40px; }
.ulwrap1 { max-width: 1020px; margin: 0 auto; padding-top: 30px; overflow: hidden; }
.ulwrap1 ul { width: 9999px; }
.ulwrap1 ul li { float: left; width: 235px; margin: 0 10px; text-align: center; }
.ulwrap1 ul li img {display: block; width: 100%;}
.ulwrap1 ul li span { display: block; padding-top: 6px; line-height: 30px; font-size: 16px; color: #333; }

.research-bottom .renext, .research-bottom .reprev { display: block; width: 40px; height: 145px; background: url(../images/btn5.png) no-repeat; position: absolute; top: 109px; }
.research-bottom .renext { right: 50px; background-position: -40px -8px; }
.research-bottom .reprev { left: 50px; background-position: 0 -8px; }
.research-bottom .renext:hover { background-position: -40px -168px; }
.research-bottom .reprev:hover { background-position: 0 -168px; } */

.rotate { max-width: 730px; text-align: center; margin: 0 auto; }
.rotate li { display: inline-block; width: 134px; height: 134px; vertical-align: middle; margin: 10px 20px;  border: 3px solid #fff; background: #ececec; box-shadow: 1px 1px 1px #ececec, -1px 0 1px #ececec, 0 -1px 1px #ececec;  border-radius: 100%; position: relative; }
.rotate li p, .rotate2 li p { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.rotate li:nth-child(2n) { background: #fb6614; color: #fff; box-shadow: 1px 1px 1px #fb6614, -1px 0 1px #fb6614, 0 -1px 1px #fb6614; }

.rotate2, .rotate3 { text-align: center; }
.rotate2 li { display: block; background: #e40001; color: #fff; border-radius: 100%; margin: 20px auto; position: relative; }
.rotate2 li:nth-of-type(2) { width: 96px; height: 96px; }
.rotate2 li:nth-of-type(3) { width: 124px; height: 124px; }
.rotate2 li:nth-of-type(4) { width: 110px; height: 110px; }


.rotate3 li { display: block; margin: 30px auto; }



/*  新闻中心  */

.news dl { padding-top: 20px; }
.news dl dt { width: 38%; padding: 10px; }
.news dl dt img { display: block; width: 100%; max-width: 400px; }
.news dl dd { padding: 10px; line-height: 18px; }
.news dl dd h3 { font-size: 14px; }
.news dl dd span { color: #959595; }
.news dl dd .con { height: 36px; line-height: 18px; color: #959595; overflow: hidden; }
.news dl dd .more { display: none; }

.news ul { padding: 0 10px 30px; }
.news ul li { height: 58px; line-height: 58px; padding-left: 30px; font-size: 14px; border-bottom: 1px solid #dcdcdc; position: relative; }
.news ul li:before { content: ""; display: block; width: 9px; height: 9px; border: 3px solid #e40001; border-radius: 100%; position: absolute; left: 0; top: 22px; }
.news ul li span { float: right; color: #707070; }
.news ul li a { display: block; width: 70%; }


/*  新闻详细  */

.newsContentstitle{ border-bottom:1px solid #d9d9d9; padding:10px 15px;}
.newsContentstitle h3{ text-align:center; font-size:18px; color:#1a1a1a; line-height:28px;}
.newsContentstitle p{ text-align:center; color:#666666; font-size:14px; padding-top:10px;}
.newsContentstitle p span { padding-right: 20px; }

.newsContents{font-size:14px; line-height:26px; padding:20px 0 0px;}
.newsContents img{ max-width:100%  !important;height:auto  !important;  margin:0px auto; display:block;}

.news-foot{padding-top:20px;}
.news-foot p{ text-align:center; padding-bottom:48px;}
.news-foot p a{ display:inline-block; background:#e40001; padding:8px 30px; color:#FFF; font-size:18px; font-weight: bold;}
.news-foot dl { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:14px; padding:10px 0; color:#666;}
.news-foot dl dd, .news-foot dl dt{ width:100%; height:24px; overflow:hidden;}
.news-foot dl dt{margin-bottom:10px;}
.news-foot dl span { padding: 10px 5px 10px 10px; background: #f2f2f2; margin-right: 14px; }
.news-foot dl dd a, .news-foot dl dt a { color:#666; }
.news-foot dl a:hover, .login-left form > a:hover {color:#e40001;}


/*产品详情 zxc*/

.pro-con { width: 100%; padding: 20px 0 85px; background: #fff; }
.pro-tit { max-width: 1200px; margin: 0 auto;padding-left:10px; }
.xcpublic-bg{ margin:10px 0 25px; padding: 10px 10px 25px; background:#fff;box-shadow:0px 2px 6px rgba(0,0,0,.3);} 
.magnifier .bigimg{ width: 100%; border: 1px solid #d2d2d2;position:relative;}
.magnifier .bigimg img{ display: block; width: 100%; height: auto;}
div.zoomdiv {z-index:888;position:absolute;top:0px;right:0px;width:200px;height:200px;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; background-color: #fff;}
.magnifier .zoomdiv img.bigimg{width:760px;height:760px;border:none;}
div.jqZoomPup {z-index:888;visibility:hidden;position:absolute;top:0px;left:0px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);padding: 20px;}
.magnifier .fl{ position: relative; width: 42%; z-index: 8; display: none;}
.magnifier .detailinfo{border-bottom: 1px solid #d2d2d2; overflow: hidden; padding: 0 10px;}
.magnifier .detailinfo .xctitle{ padding: 10px 0 10px; line-height: 24px; font-size: 20px; color: #1a1a1a; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px;}
.magnifier .detailinfo .con { height: 74px; font-size: 14px; color: #333; line-height:24px; overflow: hidden; }
.magnifier .detailinfo .more { font-size: 16px; margin: 10px 0 30px 0; }
.magnifier .detailinfo .more a { color: #e40001; }
.magnifier .smallimg-box{ margin-top: 19px; position: relative; display: none;}
.magnifier .smallimg-list{ width: 90%; max-width: 544px; height: 126px; overflow: hidden; margin: 0 auto; position: relative;}
.magnifier .smallimg-list ul{ position: absolute; left: 0; top: 0;}
.magnifier .smallimg-list li{ float: left; width: 126px; height: 126px; border: 1px solid #d2d2d2; margin-right: 13px; cursor: pointer; position: relative;}
.magnifier .smallimg-list li img{ display: block; width: 126px; height: 124px; border: none;}
.magnifier .smallimg-list li span{ position: absolute; top: -1px; left: -1px; width: 126px; height: 126px; border: 1px solid #e40001; display: none;}
.magnifier .smallimg-list li:hover span,.magnifier .smallimg-list li.cur span{ display: block;}
.magnifier .smallimg-box .prev,.magnifier .smallimg-box .next{ position: absolute; width: 30px; height: 126px; top: 0; }
.magnifier .smallimg-box .prev{ background: url(../images/btn4.png) 0 0 no-repeat; left: 0;}
.magnifier .smallimg-box .next{ background: url(../images/btn4.png) -30px 0 no-repeat; right: 0;}
.magnifier .fr { width: 100%; overflow: hidden;}

.xcpro-banner{ width: 100%; position: relative; margin:0 auto; overflow: hidden; background:#fff;}
.xcpro-banner ul{ position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.xcpro-banner li{ width:100%; background-size:cover;background-position:center;overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;}
.xcpro-banner li img{ display: block; max-width: 70%;margin:0 auto;}
.xcpro-banner li .xctitle{ font-size: 16px; color: #0a1a1a; text-align: center; height: 32px; line-height: 32px;}
.xcpro-banner .xcprev,.xcpro-banner .xcnext{ position: absolute; width: 32px; height: 61px; top: 50%; margin-top: -30px; z-index: 90; background-position:0 0; background-repeat:no-repeat; background-size: 20px auto;}
.xcpro-banner .xcprev{ background-image: url(../images/cimg03.png); left: 10px;}
.xcpro-banner .xcprev:hover{ background-image: url(../images/cimg05.png);}
.xcpro-banner .xcnext{ background-image: url(../images/cimg04.png); right: 10px;}
.xcpro-banner .xcnext:hover{ background-image: url(../images/cimg06.png);}
.xcpro-banner .dot{bottom:4px;}

.list-top { width: 100%; height: 50px; line-height: 50px; background: #f8f8f8; text-align: center; }
.list-top ul { max-width: 1200px; margin: 0 auto; padding: 0 10px; }
.list-top ul li { float: left; width: 33.3%; background: url(../images/line5.gif) no-repeat right center; }
.list-top ul li:last-child { background: none; }
.list-top ul li a { font-size: 16px; }
.list-top ul li.cur a { color: #e40001; }

.list-bottom ul { padding-top:30px;  background: #fff; color: #333; font-size: 16px; line-height: 30px; }
.list-bottom ul > li { text-align: center; }
.tab { width: 100%; max-width: 1200px; margin: 0 auto; border-collapse: collapse; font-size: 14px; }
.tab a { color: #e40001;}
.tab tr td { border-bottom: 1px solid #dcdcdc; padding: 10px 0; text-align: left; padding-left: 30px; width: 20%; }
.tab tr td:nth-of-type(1) { padding-left: 30px; }
.tab tr td:nth-of-type(2) { background: #f6f6f6; }
.tab tr td:nth-of-type(3), .tab tr td:nth-of-type(4), .tab tr td:nth-of-type(5) { display: none; }

.content { overflow-y: auto;max-width: 1200px; text-align: left; margin: 0 auto }
.content .tit1 { font-size: 20px!important; color: #333; line-height: 50px; padding-bottom: 20px; }
.content img { max-width: 100%; height: auto}
.content, .content3 { padding-bottom: 70px; }
.content3 { max-width: 1200px; margin: 0 auto; text-align: left; }

.content table { width: 100%;max-width:1200px;margin: 0 auto; border-collapse: collapse; font-size: 14px; }
.content table a { color: #e40001;}
.content table tr td { border-bottom: 1px solid #dcdcdc !important; padding: 10px 0; text-align: left; padding-left: 20px;  }
.content table tr td:nth-of-type(1) { padding-left: 30px; }
.content table tr td:nth-of-type(2) { background: #f6f6f6; }

.content:nth-child(1){ padding:0px 15px;}

.relation { padding: 70px 0; background: #f8f8f8; }
.relation-tit { font-size: 26px; }

.relation ol { max-width: 1200px; margin: 0 auto; padding-top: 40px; }
.relation ol li { padding-bottom: 20px; }
.relation ol li div { border: 1px solid #dcdcdc; background: #fff; padding-bottom: 10px; }
.relation ol li div:hover { border-color: #e40001; }
.relation ol li div img { display: block; width: 100%; margin: auto; }
.relation ol li div p { font-size: 18px; color: #e40001; padding-top: 10px; margin: 0 10px; border-top: 1px solid #e6e6e6; }
.relation ol li div span { display: block; color: #707070; font-size: 14px; margin: 0 10px; }
.relation ol li div p, .relation ol li div span, .apply ol li div p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.applywarp { background: #f8f8f8 }
.apply { padding: 70px 0; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }
.apply ol{ width: 100%;height: 100%;padding-top: 50px;position: relative;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; }
.apply ol li{ flex-shrink: 0;width: 100%;height: 100%; padding: 0 10px;position: relative; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.apply ol li div { text-align: left; }
.apply ol li div p { font-size: 16px; color: #333; padding: 20px 0; background: url(../images/line6.gif) no-repeat 0 58px; }
.apply ol li div span { display: block; height: 44px; line-height: 22px; font-size: 14px; color: #707070; overflow: hidden; }
.apply ol li div img { display: block; width: 100%; }

.uswrap { padding: 70px 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.us { max-width: 1200px; margin: 0 auto; font-size: 16px; color: #707070; }
.us-tit1 { max-width: 960px; margin: 0 auto; font-size: 40px; line-height: 50px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; color: #0f0f0f; }
.us-tit2 { width: 86px; height: 24px; line-height: 24px; text-align: center; margin: 35px auto; background: #e40001; color: #fff; font-size: 14px; }

.us dl { max-width: 890px; margin: 0 auto; }
.us dl dt, .us dl dd { padding: 20px 0; }
.us dl dt h3 { font-size: 22px; line-height: 40px; color: #0f0f0f; }
.us dl dt h3 span { font-size: 28px; }
.us dl dt p, .us dl dd p { font-size: 14px; }
.us dl dd h3 { font-size: 18px; color: #0f0f0f; }
.us dl dd h3 span { font-size: 22px; }


/*  资质荣誉  */

.honor { padding-top: 20px; }
.honor ul li { text-align: center; padding-bottom: 20px; }
.honor ul li a { display: block; width: 100%; padding: 20px 10px 10px; border: 1px solid #ddd; }
.honor ul li img { display: block; width: 100%; margin: 0 auto; }
.honor ul li span { display: block; width: 100%; margin: 0 auto; font-size: 14px; color: #101010;  }
.honor ul li span:nth-of-type(1) { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 20px;height:59px; overflow:hidden; }
.hpicwrap { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 999; }
.hpic { width: 90%; position: absolute; top: 50%; left: 50%; background: #fff; transform: translateY(-50%) translateX(-50%); }
.hpic img { display: block; width: 100%; }
.hclose { width: 30px; height: 30px; position: absolute; top: -28px; right: -12px; }
.hclose:after { content: "×"; font-size: 30px; color: #fff; }


/*  招贤纳士  */

.recruit { padding-top: 20px; }
.recruit-left { width: 100%; border: 1px solid #eee; padding: 0 20px 59px; margin-bottom: 20px; }
.recruit-tit { font-size: #101010; font-size: 16px; line-height: 30px; padding: 15px 0 15px 15px; border-bottom: 1px solid #eee; position: relative; }
.recruit-tit:after { content: ""; width: 6px; height: 6px; border: 1px solid #e40001; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -3px; }
.recruit-left ul { padding-bottom: 20px; }
.recruit-left ul li { padding: 15px 0; line-height: 30px; font-size: 13px; color: #666; border-bottom: 1px solid #eee; }
.recruit-left ul li span { float: right; }
.recruit-left ul li a { display: block; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666; }
.recruit-left ul li a:hover { color: #e40001; }
.recruit-left h4 { padding-top: 20px; font-size: 16px; font-weight: bold; }
.recruit-left h4 a { color: #1a1a1a; }
.recruit-left p { font-size: 13px; color: #666; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.recruit-right { width: 100%; border: 1px solid #eee; padding: 0 0 70px; }
.recruit-right form { width: 100%; padding: 20px; background: #f2f2f2; }
.recruit-right form .txt { width: 100%; line-height: 40px; padding: 0 10px; border: 1px solid #ddd; }
.recruit-right form .sub { width: 100%; line-height: 41px; font-size: 16px; margin-top: 10px; color: #fff; background: #e40001; }
.recruit-right > ul { padding: 30px; }
.recruit-right > ul li { font-size: 14px; padding-bottom: 10px; }
.recruit-right > ul li em { display: block; }
.recruit-right > ul li em a { padding-right: 10px; white-space: nowrap; }
.recruit-right > ul li em a.on { color: #e40001; }
.recruit-right table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 60px; }
.recruit-right table th { line-height: 30px; padding: 10px 0; font-weight: normal; color: #e40001; background: #f8f8f8; }
.recruit-right table th:nth-of-type(1) { width: 40%; text-align: left; padding-left: 30px; }
.recruit-right table th:nth-of-type(2) { width: 15%; }
.recruit-right table th:nth-of-type(3) { width: 15%; }
.recruit-right table th:nth-of-type(4) { width: 12%; }
.recruit-right table th:nth-of-type(5) { width: 18%; }
.recruit-right table td { line-height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.recruit-right table td:nth-of-type(1) { margin-left: 30px; text-align: left; padding-left: 30px; }
.recruit-right table th:nth-of-type(2) { display: none; }
.recruit-right table th:nth-of-type(4) { display: none; }
.recruit-right table td:nth-of-type(2) { display: none; }
.recruit-right table td:nth-of-type(4) { display: none; }


.rec-tit { font-size: 16px; font-weight: bold; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #eee; }
.rec-con { padding: 20px; font-size: 14px; }
.rec-con ul {  }
.rec-con ul li { float: left; padding: 0 0 4px; }
.rec-con ul li:before { content: '·'; color: #e40001; padding-right: 8px; }

.recruit-right .rec-back { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #f5f5f5; margin: 30px auto; background: #b9b9b9; }


/*  解决方案  */

.solution { padding-top: 20px; }
.so-tit { font-size: 16px; color: #333; }
.so-tit2 { font-size: 26px; color: #e40001; padding: 20px 0; }
.solution-con { padding-bottom: 20px; }
.solution-con dl { padding:10px 0; }
.solution-con dl dt { float: none;margin-bottom:10px; }
.solution-con dl dt img { display: block; margin: 0 auto; width: 146px; height: 146px; border-radius: 100%; }
.solution-con dl dd { text-align:left; font-size: 13px; color: #666; }
.solution-con dl dd h4 { font-size: 16px; color: #e40001; text-align:center;margin-bottom:5px; }

.solution1-list { padding-bottom: 20px; overflow: hidden; }
.solution2-list { overflow: hidden; }
.solution1-list ul, .solution2-list ul { width: 9999px; }
.solution1-list ul li, .solution2-list ul li { float: left; background: url(../images/line7.png) repeat-x 0 48px; }
.solution1-list ul li:last-child, .solution2-list ul li:last-child { background: none; }
.solution1-list ul li h4, .solution2-list ul li h4 { width: 108px; line-height: 32px; padding: 32px 0 48px; font-size: 16px; color: #fff; text-align: center; background: url(../images/solution5.png) no-repeat; }
.solution1-list ul li p { font-size: 14px; text-align: center; line-height: 16px; padding: 20px 0; width: 72px; margin-left: 12px; border-radius: 100%; background: rgba(221,221,221,.5); margin-top: -16px; }
.solution1-list ul li p:nth-of-type(1){ margin-top: 0; }
.solution2-list ul li h4 { padding: 32px 0 33px; }

.solution-dl dl { padding-top: 30px; }
.solution-dl dl dt { float: none; }
.solution-dl dl dt img { display: block; margin: 0 auto; max-width: 100%; }
.solution-dl dl dd { padding-top: 20px; font-size: 14px; }

.solution-form { width: 100%; max-width: 1200px; margin: 0 auto; padding: 3.5% 3.5% 5%; background: #fff; margin-top: -30px; border-bottom: 50px solid #f7f7f7; }
.solution-left { display: none; }

.solution-form form { font-size: 14px; }
.solution-form form h3 { text-align: center; font-size: 20px; line-height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.solution-form form h4 { text-align: center; font-size: 16px; line-height: 30px; padding: 10px 0; border-bottom: 1px solid #ddd; }
.solution-form form ul { padding-top: 20px; }
.solution-form form ul li { line-height: 40px; padding-bottom: 10px; }
.solution-form form ul li span { display: block; }
.solution-form form ul li input { display: block; width: 100%; line-height: 38px; border: 1px solid #ddd;  }
.solution-form form ol { padding: 20px 0; }
.solution-form form ol li { float: left; height: 20px; margin-bottom: 6px; line-height: 20px; padding-right:20px; position: relative; }
.solution-form form ol li span { padding-left: 16px; background: url(../images/btn6.png) no-repeat 0 4px; }
.solution-form form ol li.on span { background: url(../images/btn6.png) no-repeat 0 -56px; }
.solution-form form ol li input[type='radio'] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.solution-form form ol li input[type='text'] { width: 80px; padding: 0 6px; border-bottom: 1px solid #1a1a1a; } 

.form-bottom { padding-top: 20px; text-align: center; }
.form-bottom .sub { width: 100px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; margin-bottom: 10px; background: #e40001; }


/*  联网报警  */

.internet { padding-top: 20px; }
.internet ul {  }
.internet ul li { float: left; width: 100%; padding: 0 10px 20px; font-size: 14px; }
.internet ul li a { display: block; }
.internet ul li img { display: block; width: 100%; }
.internet ul li span { display: block; font-size: 16px; padding: 20px 0; background: url(../images/line8.gif) no-repeat 0 56px;}
.internet ul li em { display: block; color: #707070; height: 46px; overflow: hidden; }

.internet-tit { padding: 20px 0; text-align: center; border-bottom: 1px solid #ccc; }
.internet-tit h3 { font-size: 18px; line-height:24px; padding-bottom: 10px; }
.internet-tit p { font-size: 14px; color: #959595; }
.internet-tit p span { padding-right: 20px; }
.main-con .so-back { display: block; width: 96px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; margin: 40px auto 0; background: #e40001; }
.internet-con { width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; padding: 1.5% 3.5% 5%; border-bottom: 40px solid #f7f7f7; }
.internet-con h3 { font-size: 26px; line-height: 36px; text-align: center; padding-top: 30px; }


    /*  搜索  */

.searchlist{margin:0px;padding:10px 0px 0px;}
.searchlist dl{margin:0px; padding:15px 10px; border-bottom:1px solid #d9d9d9;}
.searchlist dl a{ display:block; width:100%; height:100%;}
.searchlist dl dt{float:left;width:35%; margin-right:15px;}
.searchlist dl dt img{ display:block; width:100%;}
.searchlist dl dd{ margin:0px; padding:0px;}
.searchlist h3{margin-bottom: 10px;text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1; font-size:16px; color:#e40001;}
.searchlist dl dd p.searchcategory{ color:#999; padding:1px 0px;}
.searchlist dl dd p.searchmiaoshu{text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2; font-size:13px; line-height:18px; color:#666666;}

.leftbar { position: fixed; right: 0; bottom:100px; z-index: 98; }
.leftbar a { display: block; width: 40px; height: 40px; background: #999; position: absolute; right: 0; overflow: hidden; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.leftbar a img { display: block; width: auto; height: 100%; }
.leftbar a:hover { background: #e40001; } 
/*.leftbar a:nth-of-type(1) { top: 0; }
.leftbar a:nth-of-type(2) { top: 40px; }
.leftbar a:nth-of-type(3) { top: 80px; }
.leftbar a:nth-of-type(4) { top: 120px; }*/


.tuwenzds{max-width:1200px;margin:0 auto;    padding: 30px 0 60px;}
.tuwenzdsimg{margin:0 0 20px 0;max-width:100%;}

/*20170330*/
.main-con{ overflow:hidden;}


.fontsize16{font-size:20px;}
.expand dt img,.expand img{max-width:100%;}
.rotate2 li:nth-of-type(1) { width: 42px; height: 42px; }
.rotate2 li:nth-of-type(5) { width: 66px; height: 66px; }
.pro-list p a{ display:block;}

.lv2-bottom ul li{ position:relative !important;}
.lv2-bottom ul{ height:auto !important;}

/*法律声明*/
.wqpcontent{ font-size:14px;padding-top:20px;}

.sitemapcont2{padding:6% 0;overflow:hidden;}
.sitemapcont2 dl{position:relative;margin-bottom:36px;}
.sitemapcont2 dl dt{font-size:16px;font-weight:bold;color:#e40001;padding:0 8px;background:#fff;position:absolute;left:18px;top:-14px;}
.sitemapcont2 dl dd{padding:4% 3% 1% 3%;border:1px solid #e6e6e6;}
.sitemapcont2 dl dd a{display:inline-block;padding-left:10px;background:url(../images/icon64.jpg) no-repeat left center;margin:0 23px 8px 0;}

.list-top ul li a{ display:block;}

.plr10{padding:0 10px;}
.companytitle{font-size:18px;}
.footer-top ul li p a{ display:block;}

.after-sales img{max-width:100%;}
.Paging span.laypage_curr{background:#e40001 !important;}
.wqptitle{ font-size:20px;color:#333;margin-bottom:10px;}


.uswrap{ display:none;}
.wqptext{ display:block;}
.wqpcontacttitle{ text-align:center;font-size:18px;}


/*浏览器弹窗*/
.CWhint{width:580px; position: fixed; top: 50%;left: 50%; margin-top:-149px; margin-left:-290px; background: #fff; z-index: 9999; display:none;}
.CWhinttit{ height:47px; background:#e40001; font-size:18px; color:#fff; line-height:47px; padding-left:20px; position: relative;}
.CWhintbox{ margin:0 30px; padding:35px 0; position:relative; padding-left:81px;}
.CWhintleft{ float:left; position:absolute; left:0; top:35px;}
.CWbrowser{    padding-top: 10px;}
.CWbrowser a{ display:inline-block; width:19%; font-size:12px; text-align:center;}
.CWbrowser a img{ display:block;    max-width: 100%; margin:0 auto;}
.CWbrowser a em{ display:block; color:#b80007;}
.CWbrowser a span{ display:block;    line-height: 16px;}	
.CWhintright h3{ font-size:18px;}
.CWhintrighthref{ color:#004988; border-bottom:1px solid #5377a2; margin:5px 0; display:inline-block;}
.CWhintgran{ color:#666; margin:10px 0;}
.CWclsoe{ display:block; position: absolute; height:47px; width:52px; text-align:center; top: 15px; right: 0;}
.masker02{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: url(/webimages/xcmask.png) repeat; display: none;}
.colorspan{color:#004988; border-bottom:1px solid #5377a2;}
.colorred:hover,.colorred:hover .colorspan{color:#e40001;}
.CWhintrighthref:hover,.colorred:hover .colorspan{border-bottom:1px solid #e40001;color:#e40001;}
.wqpcodeimg{ clear:both; overflow:hidden;padding-top:10px;color:#666;}
.wqpcodeimg span{ text-align:center; float:left;width:95px;margin-right:5%;color:#999;}
.wqpcodeimg span img{width:95px;height:95px; display:block;}
@media (min-width: 480px){
 .product-bottom ul li span { font-size: 14px; font-weight: normal; }
 .product-bottom ul li p{font-size: 12px;}
  .recruit-right table th:nth-of-type(2) { display: table-cell; }
  .recruit-right table th:nth-of-type(4) { display: table-cell; }
  .recruit-right table td:nth-of-type(2) { display: table-cell; }
  .recruit-right table td:nth-of-type(4) { display: table-cell; }
  .hpic { width: 70%; }


  .lv3-top ul li {padding:0 20px;}



  
}


/*ipad竖版区域*/
@media (min-width: 768px){
 .product-bottom ul li span { font-size: 14px; font-weight: normal; }
 .product-bottom ul li p{font-size: 12px;}
    .lv3, .lv4 { padding: 80px 0; }
    .ph a { width: 230px; }
    .header-tel { display: block; }
    .language a { font-size: 14px; padding: 0 10px; }
    .service-video ul { padding-top: 60px; }
    .service-video ul li { padding-bottom: 60px; }
    .lv1 ul li img { width: 60%; }
    .product-bottom ul li img { width: 100%; }
    .relation ol li div img { width: 50%; }
    .lv4-con ul li { height: 230px; }
    .down-top ul { width: auto; margin: 0 auto; }
    .down-top ul li { display: inline-block; float: none; margin: 0 -5px; padding: 0 20px 70px; }
    .down-top ul li a { padding-top: 0; padding-bottom: 20px; }
    .down-top ul li.on { background: url(../images/btn2.png) no-repeat center bottom; }
    .down-top ul li img { display: block; width: 70%; }

    .dwon-bottom { border-top: 1px solid #ccc; margin-top: -15px; padding-top: 30px; }
    .dwon-bottom dl { text-align: left; }
    .dwon-bottom dl dt { float: left; padding-right: 20px; }
    .product-bottom2 ul li { padding: 0 2px; }

    .hpic { width: 50%; }

    .recruit { padding-top: 40px; }
    .recruit-left { float: left; width: 32%; }
    .recruit-right { float: right; width: 66%; }
    .recruit-right form .txt { float: left; width: 85%; }
    .recruit-right form .sub { float: right; width: 13%; margin-top: 0; }
    .recruit-right > ul li em { display: inline; }
    .honor ul li a { display: block; width: 100%; padding: 50px 20px 20px; border: 1px solid #ddd; }
    .honor ul li span:nth-of-type(1) { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 50px; }
 
    .rotate2 { padding: 30px 0 60px; }
    .rotate2 li { display: inline-block; background: #e40001; color: #fff; border-radius: 100%; margin: 20px auto; position: relative; margin: 0 3%; vertical-align: top; }
    .rotate2 li:nth-of-type(1) { width: 42px; height: 42px; }
    .rotate2 li:nth-of-type(2), .rotate2 li:nth-of-type(4) { top: 60px; }
    .rotate2 li:nth-of-type(5) { width: 66px; height: 66px; }
    .rotate2 li:before { content: ""; display: block; border-top: 1px dashed #e40001; position: absolute; }
    .rotate2 li:nth-of-type(1):before { width: 150px; top: 62px; -webkit-transform: rotate(38deg);-ms-transform: rotate(38deg);-o-transform: rotate(38deg);transform: rotate(38deg); }
    .rotate2 li:nth-of-type(2):before { width: 200px; top: 38px; -webkit-transform: rotate(-16deg);-ms-transform: rotate(-16deg);-o-transform: rotate(-16deg);transform: rotate(-16deg); }
    .rotate2 li:nth-of-type(3):before { width: 200px; top: 78px; left: 30px; -webkit-transform: rotate(26deg);-ms-transform: rotate(26deg);-o-transform: rotate(26deg);transform: rotate(26deg); }
    .rotate2 li:nth-of-type(4):before { width: 200px; top: 22px; left: 30px; -webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);-o-transform: rotate(-30deg);transform: rotate(-30deg); }

    .leftbar { width: 60px; height: 240px; bottom: 100px; }
    .leftbar a { display: block; width: 60px; height: 60px; }
   /*.leftbar a:nth-of-type(1) { top: 0; }
    .leftbar a:nth-of-type(2) { top: 60px; }
    .leftbar a:nth-of-type(3) { top: 120px; }
    .leftbar a:nth-of-type(4) { top: 180px; }
    .leftbar a:nth-of-type(1) em { display: block; width: 230px; }
    .leftbar a:nth-of-type(2) em { display: block; width: 160px; }
    .leftbar a:nth-of-type(3) em { display: block; width: 160px; }
    .leftbar a img { float: left; }
    .leftbar a span { float: left; font-size: 22px; font-weight: bold; line-height: 60px; color: #fff; }
    .leftbar a:nth-of-type(1):hover { width: 230px; }
    .leftbar a:nth-of-type(2):hover { width: 160px; }
    .leftbar a:nth-of-type(3):hover { width: 160px; }*/ 

    .internet ul li { width: 50%; }
    .content:nth-child(1){ padding:0px;}

    /*20170331*/
    .magnifier .detailinfo .con {  font-size: 16px; line-height: 36px; height:108px; }



    .sitemapcont2{padding:2% 0;overflow:hidden;}
    .sitemapcont2 dl dt{font-size:20px;}
    .sitemapcont2 dl dd{padding:2% 3% 1% 3%;border:1px solid #e6e6e6;}
    .sitemapcont2 dl dd a{margin:0 50px 8px 0;}
    .lv3-top ul { width: 500px!important; }


    .lv4-icon { width: 140px; height: 140px; line-height: 140px; text-align: center; margin: 0 auto; font-size: 36px; color: #e40001; border-radius: 100%; background: #fff; }
    .lv4-icon em { font-size: 16px; }
    .lv4-con ul li span {width: 74%; margin: 20px auto 0; }
    .lv4-con ul{padding-top:40px;}
    /*.main-tit{font-size:20px;line-height:26px;}*/
    .expand-img2:after {width:60px;height:60px;}

    .news-foot dl dt{margin-bottom:0;}
    .news-foot dl dd, .news-foot dl dt{ width: 50%; }
    .news-foot dl dt { float: left; }
    .news-foot dl dd { float: right; }
    .news-foot dl dd { text-align: right; }
    .lv3ul ul li span{font-size:16px;}

    .product-top ul li h3 span a,.product-top2 ul li h3 span a{ display:inline-block;width:100%;}

    .internet-con{margin-top:-30px;}

    .wqptext{ display:inline-block;}
    .footer-bottom p {padding: 0 20px;}


    .solution-con dl dt { float:left;margin-right:10px; }
    .solution-con dl dd {padding-top:10px;  }
     .solution-con dl dd h4 {text-align: left; }

   

}

@media (min-width: 991px) {
 .product-bottom ul li span { font-size: 14px; font-weight: normal; }
 .product-bottom ul li p{font-size: 12px;}
    /*首页*/ 
 .wqpcontent{padding:0;}
  .lv2 {padding:80px 0;}
  .indextit {font-size:26px; padding-bottom:20px; }
  .lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more {margin:50px auto 0;}
  .lv2-top ul li, .lv3-top ul li {font-size:16px;}
  .companytitle{font-size:26px; line-height:30px;}

  /*新闻详情*/
  .newsContents{padding:20px 15px 0;}
  .newsContentstitle h3{font-size:24px;}
  .newsContentstitle{padding:25px 15px;}
  .news-foot{padding-top:45px;}

  /*搜索*/
  .searchlist h3{ font-size:18px;}

    .wqptitle { font-size: 40px;margin-bottom:20px; line-height: 50px;}
    .list-bottom ul {padding-top:70px;}


    .ul1 li { display: inline-block; width: 140px; line-height: 40px; padding: 60px 0; color: #fff; font-size: 18px; margin: 0 20px; background: url(../images/about13.png) no-repeat center;background-size:140px auto; float:none; }

    .solution-con dl{padding:20px 10px;}
    .solution-con dl:nth-of-type(3) { clear:left;}

    .internet-tit { padding: 40px 0; }
    .internet-tit h3 { font-size: 26px; line-height: 30px; }

    .wqpcontacttitle{ font-size:26px; line-height:28px;margin-bottom:10px;}

}

/*ipad横版区域*/
@media (min-width: 1024px) {
	header { /*position: absolute;*/ }
	.language { display: block; }
	.language2 { display: none; }
	.header-bottom { background: #898989; }
	.nav-bg { display: none; }
	.logo, .nav, .footer-top { padding-left: 10px; }
	.logo a { float: left; padding-right: 18px; padding-left: 0; }
	.nav-btn, .ser-btn { display: none; }
	.nav ul { display: block; float: left; width: 78%; padding: 0; background: #898989; }
	.nav ul li { float: left; position: relative; padding-right: 6%; border: none; }
	.nav ul li:after { display: none; }
	.nav ul li h3 { height: 50px; line-height: 50px; border-bottom: 2px solid #898989; }
	.nav ul li h3 a { color: #fff; }
	.nav ul li h3:hover { border-color: #e40001; }
	.nav form { float: right; display: block; width: 216px; position: relative; }
	.nav .sub { background-position: center center }
	.subnav { font-size: 13px; position: absolute; top: 50px; left: -50px; border: 1px solid #dcdcdc;  background: #fff; }
	.subnav p { float: left; width: 120px;  }
	.subnav .more:after { width: 7px; height: 7px; top: 11px; left: 26px; }
	.bannerwrap .prev, .bannerwrap .next { display: block; width: 38px; height: 72px; background: url(../images/btn1.png) no-repeat; position: absolute; top: 50%; margin-top: -36px; }
	.bannerwrap .prev { left: 4%; }
	.bannerwrap .next { right: 4%; background-position: -70px 0; }
	.footer-bottom p { padding-left: 0; }
	.footer-bottom .p1 { float: left; width: 60%; text-align: left; }
	.footer-bottom .p2 { float: right; width: 40%; text-align: right; }
	.footer-top ul { float: left; width: 70%; max-width: 810px; background: url(../images/line2.gif) no-repeat 95% 5px;background-size:1px 100%; }
	.footer-top ul li { float: left; padding-right: 10%; line-height: 24px; border: none; margin: 0; }
	.footer-top ul li:after { display: none; }
  .footer-top ul li h4 { padding-left: 0; line-height: 24px; height: 24px; }
	.footer-top ul li p { display: block; padding-left: 0; }
	.footer-right { float: right; width: 28% }

	.main-con { position: relative; top: -90px; }
    .main-tit {font-size:26px; line-height:26px;}
	.main-tit span { display: block; float: right; font-size: 14px; font-weight: normal; color: #707070; }
	.main-tit span a { color: #707070; }
	.main-tit span a.on, .main-tit span a:hover { color: #101010; }
    .main-tit span a:nth-of-type(1), .main-tit span i:nth-of-type(1){ display:inline;}
	.lv1 ul li img { width:78%; }

	.product-top, .product-top2 { padding-top: 30px; position: relative; }
	.list-tit,.wqpproductbtn { display: none; }
	.product-top ul, .product-top2 ul { display: block; width: 999999px; }
    .product-top ul li{}
	.product-top ul li, .product-top2 ul li { float: left; padding: 0 8px 60px; text-align: center; border: none; }
	.product-top ul li h3, .product-top2 ul li h3 { position: relative; }
	.product-top ul li.cur h3:after, .product-top2 ul li.cur h3:after { content: ""; display: block; width: 100%; height: 60px; position: absolute; top: 100%; left: 0; z-index: 9; background-image: url(../images/btn2.png); background-repeat: no-repeat; background-position: center bottom; }
	.product-top ul li h3 img,.product-top2 ul li h3 img { display: block; width: 100%; }
	.product-top ul li h3 span,.product-top2 ul li h3 span { display: block; font-size: 14px; padding: 7px 0; padding-left: 0; }
    .product-top ul li:hover h3 a,.product-top2 ul li.cur h3 a { display: block; }
	.pro-list { height: 85px; text-align: center; border-top: 1px solid #dcdcdc; margin-top: -14px; overflow: hidden; position: absolute; top: 228px; left: 0; }
  .pro-list p { display: inline-block; padding: 30px 4px; font-size: 14px; margin-top: -10px; }

	.product-bottom { padding-top: 50px; }
	.product-bottom ul li { float: left; }
	.product-bottom ul li img { width: 100%; }

	.service-top { text-align: center; }
	.service-top ul li { float: none; display: inline-block; }
  .service-top ul li h3 { background: #f2f2f2; }
	.service-search form { float: left; }
	.service-search .form1 .sub { width: 16%; }
	.service-search .form1 .txt { width: 40%; }
	.service-search .form1 .sel { float: left; width: 40%; margin-right: 10px; }
	.form1 { width: 62%; }
	.form2 { width: 38%; padding-left: 12px; }
	.form2 .txt { width: 70%; }
	.form2 .sub { width: 30%; }
  .service-search .form3 { float: none; width: 70%; margin: 0 auto; }
  .form3 .txt { width: 80%; }
  .form3 .sub { width: 20%; }

	.video-pop { height: 480px; width: 640px; position: absolute; left: 50%; margin-left: -320px; }
	.expand { padding-top: 60px; }
	.col-20 { width: 20%; }
	.content2 { border-bottom: 60px solid #f7f7f7; }
	
	.news dl dt { margin-right: 30px; }
	.news dl dd { line-height: 24px; }
	.news dl dd h3 { font-size: 24px; padding: 20px 0; }
	.news dl dd .con { height: 66px; margin-top: 20px; line-height: 22px; }
	.news dl dd .more {  display: block; width: 98px; height: 28px; text-align: center; margin: 40px 0 0 440px; border: 1px solid #e40001; color: #e40001; border-radius: 3px; }
	
	.magnifier .fl{ display: block;height:477px;}
	.magnifier .fr{ padding-left: 10px; width: 58%; }
	.magnifier .smallimg-box{ display: block;}
	.xcpro-features:nth-child(2n) dt{ float: left;}
	.xcpro-features:nth-child(2n+1) dt{ float: right;}
	.xcpro-features dt{ width: 454px; height: 262px;}
	.xcpro-features dt img{ width: 454px; height: 262px;}
	.xcpro-features:nth-child(2n) dd{ float: right;}
	.xcpro-features:nth-child(2n+1) dd{ float: left;}
	.xcpro-features dd{ width: 622px; height: 262px; padding-top: 69px;}

	.xcpro-banner{ display: none;}
	
	.xcpublic-bg{ margin: 20px 0 50px; padding: 58px 32px 45px; }
    .magnifier .bigimg img{height:428px;width:auto;max-width:428px;}
	.magnifier .detailinfo .xctitle{ padding-bottom: 20px; line-height: 40px; font-size: 26px; margin-bottom: 15px;}
	.magnifier .detailinfo{ margin-bottom:55px; padding: 0;}
    .magnifier .detailinfo .more { margin: 10px 0 20px 0;}
  .relation ol li div img { width: 100%; }

	.tab tr td:nth-of-type(1) { padding-left: 60px; }
	.tab tr td:nth-of-type(3), .tab tr td:nth-of-type(4), .tab tr td:nth-of-type(5) { display: table-cell; }

  .commonproblem ul li h3.problemtitle { padding: 20px 40px 20px 45px; }
  .commonproblem ul li h3.problemtitle span { top: 16px; }
  
  .after-sales { margin-top: 60px; padding-right: 150px; position: relative; }
  .after-sales-con { position: absolute; bottom: 150px; right: 50px; }

  .down-top { padding-top: 60px; }
  .down-top ul li img { display: block; width: 90%; }
  .dwon-bottom dl { padding: 40px 120px; }
  .dwon-bottom dl dt { padding-right: 70px; }
  .dwon-bottom dl dd { padding-top: 40px; }
  .dwon-bottom dl .d2 { float: left; width: 246px; }
  .dwon-bottom dl .d2 a { display: block; margin-bottom: 10px; }
  .dwon-bottom dl .d3 { float: left; width: 284px; }
  .down-list-wrap { margin-top: -40px; padding: 20px 50px 0; background: #fff; border-bottom: 40px solid #f7f7f7; }
  
  .close { top: -20px; right: -20px; }
  .honor { padding-top: 70px; }
  .hpic { width: 500px; }

  .solution { padding-top: 40px; }
  .solution-con dl dt { float: left; }
  .solution-con dl dd { padding-left: 166px; text-align: left; }

  .solution-dl dl { padding-top: 0; }
  .solution-dl dl dt { float: left; padding-right: 20px; }
  .solution-dl dl:nth-of-type(2) dt { float: right; padding-left: 40px; }
  .solution-dl dl dt img {  }
  .solution-dl dl dd { padding-top: 90px; }

  .solution-left { display: block; float: left; width: 47%; height: 649px; position: relative; overflow: hidden; }
  .solution-left img { display: block; position: absolute; left: 50%; width: 510px; height: 649px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
  .solution-form form { float: right; width: 50%; }
  .solution-form form ul { padding-bottom: 1rem; }
  .solution-form form ul li { height: 50px; }
  .solution-form form ul li span { float: left; width: 16%; }
  .solution-form form ul li input { float: left; width: 84%; }
  .solution-form form ul li:last-child span:nth-of-type(2) { padding-left: 4px; }
  .solution-form form ul li:last-child input { width: 34%; }

  .internet { padding-top: 40px; overflow: hidden; }
  .internet ul li { width: 33.3%; padding-right: 16px; } 

  .rotate3 { padding: 60px 0; }
  .rotate3 li { display: inline-block; vertical-align: middle; position: relative; margin: 3%; }
  .rotate3 li p.cur { width: 280px; position: absolute; text-align: left;}
  .rotate3 li:nth-of-type(1) p.cur { left: -286px; top: 152px; }
  .rotate3 li:nth-of-type(3) p.cur { top: -32px; left: 156px; }
  .rotate3 li p.cur:before { content: ""; display: block; width: 146px; height: 36px; transform: skew(-45deg); border: 1px solid #e40001; position: absolute; }
  .rotate3 li:nth-of-type(1) p.cur:before { top: -40px; right: -20px; border-top: none; border-left: none; }
  .rotate3 li:nth-of-type(3) p.cur:before { top: 46px;left: -20px; border-bottom: none; border-right: none; }
  .rotate3 li p.cur:after { content: "●"; color: #e40001; font-size: 10px; position: absolute; }
  .rotate3 li:nth-of-type(1) p.cur:after { top: -52px; right: -42px; }
  .rotate3 li:nth-of-type(3) p.cur:after { bottom: -50px; left: -42px; }
  
  .searchlist dl dt { display:block; width:30%;}
  .searchlist dl dd p.searchmiaoshu{-webkit-line-clamp:4; font-size:14px; line-height:24px;}
  
  .content .tit1 { font-size: 40px!important; }
  
  .top2 { width: 100%; height: 266px; position: relative; overflow: hidden; }
  
  .product-top .next, .product-top .prev, .product-top2 .next, .product-top2 .prev { display: block; width: 30px; height: 60px; position: absolute; top: 50%; margin-top: -30px; }
  .product-top .next, .product-top2 .next { right: -30px; }
  .product-top .prev, .product-top2 .prev { left: -30px; }

  .product-top .next:after, .product-top .prev:after, .product-top2 .next:after, .product-top2 .prev:after { content: ""; display: block; width: 20px; height: 20px; border-top: 2px solid #ddd; border-right: 2px solid #ddd; }
  .product-top .next:after, .product-top2 .next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .product-top .prev:after, .product-top2 .prev:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  

    .service-top ul { width: auto; }
    .service-top ul li { width: 12.5%; }
    .service-top .pro-list { top: 134px; }



    .tuwenzdstext h4{font-size:42px;font-weight:bold;line-height:46px;padding-bottom:120px;}
    .tuwenzdsimg{float:left;margin:0 10px 20px 0;max-width:100%;}
    .tuwenzdstext{padding-top:50px;}


    .wqpimg{max-width:560px !important;}
    .fontsize16{}

    .internet-con {margin-top: -111px;}

    /*面包屑*/
     .main-tit{color:#e40001;}
    .main-tit em{ display:block;}






}

/*响应PC区域*/
@media (min-width: 1200px) {
	.main { background: #f7f7f7; }

    .magnifier .fl{width:496px;}
	.magnifier .fr{ padding-left: 10px; width: 687px; }
    .magnifier .detailinfo .more {margin: 10px 0 30px 0;}
    .magnifier .bigimg img{height:490px;max-width:490px;}
    .xcpublic-bg{ margin: 20px 0 50px; padding: 58px 32px 45px; }
	.magnifier .detailinfo .xctitle{ padding-bottom: 40px; line-height: 40px; font-size: 26px; margin-bottom: 30px;}
	.magnifier .detailinfo{ margin-bottom: 70px; padding: 0;}

    
  .internet-con{margin-top:0;}
}

@media (max-width: 640px) {
  .content table{min-width:650px;}
}